
<div class="FriendBoxCon">
	<div class="FriendTab">
		<a href="javascript:;" ng-click="follow()" ng-class="{'fontColor':FriendTab==1}">关注</a>
		<a href="javascript:;" ng-click="Fans()" ng-class="{'fontColor':FriendTab==2}">粉丝</a>
	</div>
	<div class="friendCon">
		<div class="bomb-box" ng-show="message==1">
			<div class="bomb-box-1">发私信<div class="xxx" ng-click="offbomb()"></div></div>
			<div class="bomb-box-2">收信人：<span ng-bind="username"></span></div>
			<textarea class="bomb-box-3" ng-change="saveMesageCon(messageCon)" ng-model="messageCon"></textarea>
			<div class="bomb-box-4" ng-click="domsg()" >发送</div>
		</div>
		<div class="bomb-box2">
			发送成功!
		</div>
		<no-content style="width: 1200px;" conf-type="'person'" conf-content="noContent2" ng-if="frendCon.length == 0"></no-content>
		<dl class="freindList" ng-repeat="item in frendCon track by $index" id="{{ item.followUserId }}">

			<a  class="FriendPro"  href="javascript:;"></a>
			<dt>
				<p>
					<img ng-click="headerLink(item)" src="them/imgs/noLogo.png" ng-src="{{ item.logo}}" alt="用户头像" />
				</p>
			</dt>
			<dd>
				<p class="firstp">
					<a class="FriendName" href="javascript:;" ng-bind="item.name"></a>
					<a class="FriendEmail" href="javascript:;"><i ng-click="senMessage($index)" class="iconfont emailBlue">&#xe60f;</i></a>
					<a ng-click="cacelSeeOne(item,$index)" ng-show="item.isFollow==1" ng-class="{'lastCancela':item.isFollow==1}" href="javascript:;">×取消关注</a>
					<a ng-click="cacelSeeTwo(item,$index)" ng-show="item.isFollow==0" href="javascript:;">+加关注</a>
				</p>
				<p>
					企业性质：{{ item.typeOne }}
				</p>
				<p>
					企业规模：{{ item.typeTwo }}
				</p>
				<p class="lastCancelp" ng-show="item.userType==1">
					<a ng-show="item.isStaff==0"  ng-click="ReindDele(item,$index)" href="javascript:;" class="setName">
						设为企业精英
					</a>
					<a ng-show="item.isStaff==1" class="cacelFriedn" ng-click="ReindDele2(item,$index)" href="javascript:;" class="setName2">
						取消企业精英
					</a>
				</p>
			</dd>
		</dl>
		
	</div>
<ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination>
</div>
<style>
	.bomb-box2 {
		display: none;
		width: 140px;
		height: 60px;
		line-height: 60px;
		border: 1px #dddd solid;
		background-color: #fff;
		font-size: 24px;
		color: #000;
		overflow: hidden;
		margin:  0 auto;
		text-align: center;

	}
	/**/
	.bomb-box {
		position: absolute;
		top:121px;
		left:23px;
		width: 400px;
		height: 220px;
		margin:  0 auto;
		overflow: hidden;
		background-color: #F0F9FF;
		z-index:11111;
	}
	.bomb-box-1 {
		width: 400px;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px #ddd solid;
		padding-left: 18px;
		background-color: #fff;
		color: #333;

		font-size: 14px;
	}
	.xxx {
		display: inline-block;
		width: 10px;
		height: 10px;
		background:url("them/img/xxx.png") 0px 0px no-repeat;
		background-size: 10px 10px;
		margin-left: 315px;
		cursor: pointer;
	}
	.bomb-box-2 {
		width: 100%;
		height: 30px;
		line-height: 30px;
		padding-left: 18px;
	}
	.bomb-box-3 {
		width: 352px;
		height: 110px;
		border: 1px #30a3ff solid;
		padding-left: 8px;
		margin-left: 18px;
		resize: none;
	}
	.bomb-box-4 {
		width: 50px;
		height: 24px;
		text-align: center;
		line-height: 24px;
		color: #fff;
		font-size: 12px;
		margin-left: 330px;
		margin-top: 4px;
		background-color: #30a3ff;
		cursor: pointer;
	}
.fontColor{
	color: #30a3ff;
}
.emailBlue{
	color: #30a3ff;
}
.cancelIcon{
	font-size: 12px;
	color: #fff;
}
	.FriendBoxCon{
		width: 1200px;
		height: 412px;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
		.FriendTab{
			width: 100%;
			height: 36px;
		}
			.FriendTab a {
				float: left;
				display: block;
				padding-left: 20px;
				padding-right: 20px;
			}
	.friendCon{
		width: 100%;
		height: 376px;
		background: #fff;
	}	
		.friendCon dl {
			width: 368px;
			height: 152px;
			background: #f5f5f5;
			margin-top: 23px;
			float: left;
			margin-left: 23px;
			position: relative;
		}
		.FriendPro{
			opacity: 0;
			filter: alpha(opacity==0);
		       position: absolute;
			    width: 62px;
			    height: 18px;
			    border: 1px solid #30a3ff;
			    color: #30a3ff;
			    text-align: center;
			    line-height: 18px;
			    font-size: 12px;
			    right: 37px;
			    top: -5px;
		}
			.friendCon dl dt{
				width: 123px;
				height: 100%;
				float: left;
			}
			.friendCon dl dt p {
				width: 60px;
				height: 60px;
				margin:27px 0 0 23px;
		
			}
			.friendCon dl dd p{
				height: 30px;
			}
			.firstp{
				margin-top: 20px;
			}
			.firstp a:nth-child(4) {
				border: 1px solid #30a3ff;
				color: #30a3ff;
			}
			.friendCon dl dt p  img{
				width: 100%;
				height: 100%;
				cursor: pointer;
			}
			
			.friendCon dl dd p a {
				display: block;
				float: left;
				padding-left:2px;
				padding-right:2px;
			}
				.FriendName{
					margin-right: 16px;
					font-size: 14px;
					font-weight: bold;
					width: 42px;
					height: 20px;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
			
				.FriendEmail{
					margin-right: 73px;
					
				}
			
				.lastCancelp a {
					width: 79px;
					height: 18px;
					text-align: center;
					font-size: 12px;
					line-height: 18px;
					border: 1px solid #30a3ff;
					color: #30a3ff;
				}
				.friendCon dl dd p a.lastCancela{
					width: 63px;
				    height: 20px;
				    line-height: 20px;
				    color: #fff;
				    font-size: 12px;
				    background: #ffa30c;
				    border: 1px solid #ffa30c;
				}
			
				.lastCancelp a.cacelFriedn{
					display: block;
					width: 79px;
					height: 18px;
					text-align: center;
					font-size: 12px;
					color: #ffa30c;
					line-height: 18px;
					border: 1px solid #ffa30c;
				}
			
</style>